body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0; font-family: 'Microsoft Yahei', 'Helvetica Neue', Helvetica, 'Lucida Grande', Arial, 'Hiragino Sans GB', 'WenQuanYi Micro Hei', STHeiti, SimSun, sans-serif;}
h1,h2,h3,h4,h5,h6{font-size:100%;color: #404142;}
a{color:#393939; text-decoration:none;}
a:hover{text-decoration:none;}
img {
max-width: 100%;
height: auto;
vertical-align: top;
-ms-interpolation-mode: bicubic;
border: 0;
}
i,em{ font-style: normal;}
li{list-style:none;}
button,input,select,textarea{font-size:100%;}
.clearfix:after{content:"";display:block;clear:both;}
.clearfix{zoom:1;}
.wrap{
margin: 0px auto;
max-width: 1200px;
overflow: hidden;
}
.el {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
input[type="button"], input[type="submit"], input[type="reset"],input[type=checkbox]:checked:after,button{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
*,
*:before,
*:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.index_line {
border-bottom: #DBD9DC 1px solid;
border-top: #DBD9DC 1px solid;
display: block;
background: #F3F0F3;
height: 10px;
display: none;
}
.pro_bread{line-height: 32px;font-size: 14px;background: #f0f0f0;}
/* 移动端导航开始 */
nav {
background: #fff;
display: flex;
align-items: center;
justify-content: space-between;
height: 57px;
font: 14px Rokkitt;
}
#userPLink {
position: relative;
}
nav a, #sideMenu {
margin: 0 10px 0 0;
text-shadow: 1px 1px 2px #212121;
}
nav a{display:block;}
nav a img{max-width:80%;}
#sideMenu {
float: right;
z-index: 5;
}
#sideMenuContainer {
background:#fff ;
height: 100%;
padding: 10px;
position: fixed;
top: 56px;
right: -100%;
width: 30%;
z-index: 4;
}
#sideMenuContainer > a {
display: block;
padding: 10px 10px;
font-size: 16px;
text-align: center;
}
#sideMenuContainer > a::after {
content: attr(title);
font: 12px 'PT Sans', Helvetica, Arial, sans-serif;
text-transform: uppercase;
}
/* 移动端导航结束 */
.header{
width: 100%;
}
.header .wrap{
margin: 10px auto;
}
.head a{display:block;float:left;}
.head a img{margin-top:10px;}
.head p{display:block;float:right;line-height: 85px;margin-right: 1%;}
.head p img{margin-top:25px;}
.nav_box{
background: #3b6876;
height: 66px;
line-height: 63px;
color: #fff;
}
.nav_box .wrap_two{
max-width: 1200px;
margin-right: auto;
margin-left: auto;
}
.nav_box ul{float:left;width: 88%;}
.nav_box ul li{
width: 12.5%;
float: left;
text-align: center;
font-size: 18px;
}
.nav_box .want{ position: relative;float:right;width:12%;text-align: center}
.nav_box .want a{color:#fff;font-weight: bold;font-size:18px;display: block;padding-top:3px;}
.nav_box .want a .rw{
display: inline-block;
width: 20px;
height:20px;
background:url(../images/want_person.png) left center no-repeat;
vertical-align: middle;
margin-right: 3%;
}
.nav_box .want a .sj {
display: inline-block;
width: 20px;
height: 20px;
background: url(../images/sj.png) center center no-repeat;
vertical-align: middle;
margin-left: 3%;
}
.nav_box .want .xl{
display: none;
position: absolute;
width: 100%;
top: 100%;
left: 0;
background-color: #f5f5f5;
z-index: 21;
}
.nav_box .want .xl p{
font-size: 16px;
border-bottom: 1px solid #efefef;
line-height: 38px;
}
.nav_box .want .xl p a{
display: block;
color: #666;
text-align: center;
font-weight: normal;
}
.nav_box .want .xl p a:hover{
color: #f7ac1b;
}
.nav_box ul .active{border-bottom:3px solid #f7ac1b;}
.nav_box ul .active a{color:#f7ac1b;}
.nav_box ul li:hover{border-bottom:2px solid #f7ac1b;}
.nav_box ul li a{color:#fff;display: block;}
.nav_box ul li a:hover{color:#f7ac1b;display: block;}
/* .wrap_two .go_pro{float:right;width:12%;text-align: center}
.wrap_two .go_pro a{color:#fff;font-weight: bold;font-size:18px;display: block;padding-top:3px;} */
.banner2{display: none;}
.slick-slide img{width:100%;}
.slick-dots{bottom:25px;}
.slick-dots li button{background: #fff;border-radius: 50%}
.slick-slider{margin-bottom: 0}
.slick-slider .slick-active button{
background:#f7ac1b;
width:35px;
border-radius: 20px;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.8s ease-in-out;}
.icon{width: 100%;
/* background: #f9f8f8; */}
.about-tit-sy{background: #f0f2f5;margin-bottom:20px;}
.about-tit-sy h1{
margin-top: 60px;
font-size: 38px;
color: #000;
text-align: center;
margin-bottom: 15px;
line-height: 1;
}
.about-tit-sy p{display: block;text-align: center;padding:10px 0}
.about-tit-sy p a{display: inline-block;}
.data2{width:100%; display:table; position:relative; overflow:hidden;margin:2% auto;}
.data2 .pic2{
position:absolute;
top:0;
left:50px;
z-index:-1;
}
.data2 li{
float: left;
font-size: 17px;
width: 18.6%;
line-height: 27px;
cursor: pointer;
text-align: center;
margin-left: 0.6%;
margin-right: 0.6%;
position: relative;
}
.data2 li a{
width:100%;height:100%; display:block;
float:left;
-webkit-perspective: 600px;
-moz-perspective: 600px;
}
.data2 li:hover h3 a{color:#f7ac1b;}
.data2 li a .pic1{
-webkit-transform: rotateX(0deg) rotateY(0deg);
-webkit-transform-style: preserve-3d;
-webkit-backface-visibility: hidden;
-moz-transform: rotateX(0deg) rotateY(0deg);
-moz-transform-style: preserve-3d;
-moz-backface-visibility: hidden;
-o-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}
.data2 li a:hover .pic1{
-webkit-transform:rotateY(360deg);
-moz-transform:rotateY(360deg);
}
.data2 li h3{line-height: 2}
.data2 li h3 a{color:#404142;font-size: 18px;font-weight: normal; margin-top: 10px;}
.tab_con{width: 100%;}
.wrap_ul {
padding: 30px;
margin: 0px auto;
max-width: 1200px;
overflow: hidden;
}
.wrap_ul li{
width: 20%;
text-align: center;
float: left;
overflow: hidden;}
.wrap_ul li img{
padding: 3%;
}
.wrap_ul li p{
font-size: 18px;
color: #000;
text-align: center;
font-weight: bold;
line-height: 1;
}
.tab_con .hot_m{width:97%;margin-top:5px;margin-bottom:25px;overflow: hidden;}
.tab_con .hot_m p{font-size: 36px;bottom: 30px;color: #000;font-weight: bold;}
.tab_con .hot_m span{float:right;font-size: 18px;padding-top: 20px;color: #ff9000;}
.tab_con .hot_img{overflow: hidden}
.tab_con .hot_img .img_one{width:26.1%;position: relative;}
.tab_con .hot_img .img_one a{display: block}
.tab_con .hot_img .img_one img{width:100%;}
.tab_con .hot_img .fen_fix{width:72.5%;}
.tab_con .hot_img .fen_fix ul{overflow: hidden; border-top: 1px solid #dfdfdf; }
.tab_con .hot_img .img_one,.hot_img .fen_fix{float:left;}
.tab_con .hot_img .fen_fix ul li.index_ycpro{display: none;}
.lower_banner .pos {
width: 100%;
position: absolute;
top: 163px;
text-align: center;
font-size: 16px;
color: #fff;
font-weight: normal;
}
.lower_banner .pos a{
color: #fff;
}
.lower_banner .pos span {
padding: 0 5px;
}
.tab_con .hot_img .fen_fix ul li{
border-bottom: 1px solid #dfdfdf;
border-right: 1px solid #dfdfdf;
border-left: 1px solid #dfdfdf;
width: 50%;
cursor: pointer;
float: left;
}
.tab_con .hot_img .fen_fix ul li:nth-child(2), .tab_con .hot_img .fen_fix ul li:nth-child(4),.tab_con .hot_img .fen_fix ul li:nth-child(6){margin-left: -1px}
.tab_con .hot_img .fen_fix ul li .img_box img{max-width: 380px;width: 100%;height: auto;}
.tab_con .hot_img .fen_fix ul li .img_box p{text-align: center;display: block;}
.tab_con .hot_img .fen_fix ul li .name{font-size: 18px;color: #000;line-height: 4;width: 100%;text-align: center;}
.tab_con .hot_img .fen_fix ul li .img_box:hover .mask{bottom: 0;}
.tab_con .hot_img .fen_fix ul li .img_box {position:relative;overflow: hidden}
.tab_con .hot_img .fen_fix ul li .img_box a{display: block}
.tab_con .hot_img .fen_fix ul li .img_box .mask{
position: absolute;
padding: 60px 70px 82px;
bottom: -101%;
left: 0;
right: 0;
margin: auto;
background-color: #3b6876;
}
.tab_con .hot_img .fen_fix ul li .img_box .trans {
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
}
.tab_con .hot_img .fen_fix ul li .img_box .mask h3{
font-size: 20px;
font-weight: bold;
line-height: 1;
margin-bottom: 20px;
color: #fff;
}
.tab_con .hot_img .fen_fix ul li .img_box .point_box {
margin-bottom: 50px;
overflow: hidden;
}
.tab_con .hot_img .fen_fix ul li .img_box .point {
border-left: 1px solid #fff;
font-size: 16px;
color: #cbccce;
float: left;
padding: 0 10px;
}
.tab_con .hot_img .fen_fix ul li .img_box .point .sx {
font-size: 18px;
}
.tab_con .hot_img .fen_fix ul li .img_box .btn_box{
overflow: hidden;
}
.tab_con .hot_img .fen_fix ul li .img_box .btn_box .more {
width: 48%;
float: left;
}
.tab_con .hot_img .fen_fix ul li .img_box .btn_box .more a,.tab_con .hot_img .fen_fix ul li .img_box .btn_box .ask a {
display: block;
height: 40px;
border: 2px solid #fff;
line-height: 40px;
font-size: 14px;
color: #fff;
text-align: center;
}
.tab_con .hot_img .fen_fix ul li .img_box .btn_box .ask {
width: 48%;
float: right;
}
.tab_con .hot_img .fen_fix ul li .img_box .btn_box .more a:hover,.tab_con .hot_img .fen_fix ul li .img_box .btn_box .ask a:hover {
color: #ffcd11;
}
.pt2{ width: 100%;
background: url(../images/i_pt2_bg.jpg) center center no-repeat;
overflow: hidden;
margin: 80px auto;
}
.pt2 .wrap h2{
margin-top: 60px;
font-size: 38px;
color: #000;
text-align: center;
margin-bottom: 15px;
line-height: 1;
}
.pt2 .wrap .info{
font-size: 14px;
color: #222;
line-height: 30px;
width: 80%;
margin: 0 auto 20px;
}
.pt2 .wrap .info p{
text-align: center;
}
.pt2 .wrap .line {
height: 40px;
background: url(../images/i_pt2_line.png) center center no-repeat;
margin-bottom: 15px;
}
.pt2 .wrap .more{
width: 160px;
height: 48px;
border: 2px solid #000;
text-align: center;
margin: 0 auto 40px;
}
.pt2 .wrap .more a{
display: block;
font-size: 17px;
color: #000;
line-height: 48px;
position: relative;
overflow: hidden;
z-index: 0;
}
.pt2 .num_box{
width: 70%;
margin: 0 auto;
}
.pt2 .num_box li{
width: 33.3333%;
text-align: center;
float: left;
margin-bottom: 5%;
}
.pt2 .num_box .num_con {
padding-bottom: 15px;
}
.pt2 .num_box li .number {
font-size: 70px;
font-weight: 800;
color: #000;
line-height: 1;
font-family: impact;
}
.pt2 .num_box li .text {
font-weight: bold;
font-size: 20px;
color: #000;
line-height: 1;
margin-left: 10px;
}
.pt2 .num_box li .info {
font-size: 15px;
color: #000;
line-height: 1;
}
.lazy .image img{width:95%;margin-bottom: 15px;margin:0 auto;}
.slick-prev, .slick-next {
top: 40%;
}
.slick-prev{left:-60px;}
.slick-prev:before {
content: url('../images/i_prev.png');
}
.slick-next{right:-60px;}
.slick-next:before {
content: url('../images/i_next.png');
}
.hx3 .wrap_al{
margin: 0px auto;
max-width: 1200px;
}
.hx3 .wrap_al .tit h2 a{
font-size: 38px;
text-align: center;
margin-bottom: 15px;
line-height: 1;
color: #000;
display: block;
}
.hx3 .wrap_al .tit h2 a:hover,.hx4 .wrap .tit h2 a:hover{color:#f7ac1b;}
.hx3 .wrap_al .line{
height: 40px;
background: url(../images/i_pt2_line2.png) center center no-repeat;
margin-bottom: 15px;
}
.hx3 .wrap_al .info{
width: 80%;
margin: 0 auto 35px;
text-align: center;
color: #676767;
}
.hx3 .wrap_al .image .title{
font-size: 18px;
font-weight: bold;
color: #404142;
line-height: 1.8em;
margin-bottom: 15px;
width: 90%;
text-align: center;
}
.hx4{margin:60px auto;}
.hx4 .wrap .tit h2 a{font-size: 38px;text-align: center;margin-bottom: 15px;line-height: 1;color: #000;display: block;}
.hx4 .wrap .line{height: 40px;background: url(../images/i_pt2_line3.png) center center no-repeat;margin-bottom: 15px;}
.hx4 .wrap .info{width: 100%;margin: 0 auto 35px;text-align: center;color: #676767;}
.hx4 .sy_new_left {width: 60%;float: left;}
.hx4 .sy_new_left dl{width: 45%;float: left;margin: 0 5% 0 0;}
.hx4 .sy_new_left dt {width: 100%;}
.hx4 .sy_new_left dt img {width: 100%;height: auto;}
.hx4 .sy_new_left dd {background: #f4f4f4;width: 100%;padding: 4% 4%;overflow: hidden;}
.hx4 .sy_new_left dd h4 {
margin: 10px 0;
font-size: 18px;
text-align: left;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.hx4 .sy_new_left dd h4 a{
font-weight: 700;
}
.hx4 .sy_new_left dd .date{
color: #f7ac1b;
}
.hx4 .sy_new_left dd p {
font-size: 14px;
color: #676767;
line-height: 25px;
overflow : hidden;
height: 80px;
}
.hx4 .sy_new_right {
width: 40%;
float: right;
}
.hx4 .sy_new_right li {
line-height: 1.75em;
width: 95%;
margin-left: 2%;
overflow: hidden;
border-bottom: 1px dashed #ccc;
}
.hx4 .sy_new_right li .date {
float: right;
width: 30%;
font-family: Arial,sans-serif;
}
.hx4 .sy_new_right li .date p{
font-size: 12px;text-align: right;
display: block;
color: #676767;
}
.hx4 .sy_new_right .con {
width: 70%;
float: left;
}
.hx4 .sy_new_right li h4 {
font-weight: normal;
font-size: 15px;
color: #404142;
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.foot{
width:100%;
background: #3b6876;
line-height: 65px;
font-size: 15px;
color: #fff;
text-align: center;
border-top: 5px solid #f7ac1b;
}
.foot a{color:#fff;padding-left: 10px;padding-right: 30px;}
.m-foot{
margin: 20px 0;
padding: 0 1.5%;
text-align: center;
display: none;
}
.m-foot .foot1 {
padding: 20px 1.5% 30px;
border-top: #efeff4 solid 10px;
border-bottom: #efeff4 solid 10px;
}
.m-foot .foot1 .dtel {
margin: 16px 0px;
text-align: center;
font-size: 23px;
color: #2b2b2b;
}
.m-foot .foot1 .dtel a {
color: #eb0001;
margin-left: 10px;
white-space: nowrap;
}
.m-foot .foot1 .talk a {
display: block;
padding: 12px;
font-size: 24px;
color: #fff;
text-align: center;
background: #ed2d21;
border-radius: 14px;
}
.foot_nav {
overflow: hidden;
display: inline-block;
margin-top:15px;
}
.foot_nav li {
float: left;
padding: 0 10px;
border-right: 1px solid #303030;
line-height: 18px;
font-size: 16px;
}
.foot_copy p, .foot_copy p a {
line-height: 22px;
font-size: 16px;
color: #444;}
.link{max-width: 1200px;width: 100%;margin: 15px auto;}
.link p a{font-size: 14px;color: #676767;}
.link p span{font-size: 14px;color: #404142;font-weight: 700;}
/* 关于我们 */
.about_con {
background-color: #fff;
}
.tit_c{ font-size: 36px; color: #000; font-weight: bold;}
.about_us{ padding-bottom:60px;}
.full-row {
width: 100%;
transition: .2s width ease;
}
.full-row>.span-6 {
width: 50%;
float: left;
}
.box_l .tit_c {
margin-top: 20px;
line-height:60px;
font-size: 36px;
color: #000;
font-weight: bold;
}
.about_text {
margin-top: 20px;
margin-bottom: 46px;
font-size: 15px;
color: #878787;
line-height: 35px;
}
.about_num .item {
width: 33%;
height: 78px;
text-align: center;
border-right: 1px solid #ededed;
float: left;
}
.about_num .num_box {
height: 46px;
margin-bottom: 8px;
font-size: 13px;
color: #000;
line-height: 46px;
vertical-align: baseline;
}
.num_box span {
font-family: 'Arial';
font-size: 62px;
color: #ffb321;
font-weight: bold;
}
.about_num .num_info {
font-size: 14px;
color: #878787;
line-height: 22px;
}
.row>.pull-right, .full-row>.pull-right {
float: right;
}
.full-row>.span-5 {
width: 41.66666667%;
margin-top: 110px;
}
.imgZoom {
overflow: hidden;
}
.video_img {
position: relative;
z-index: 1;
width: 100%;
height: 0;
padding-bottom: 75%;
}
.video_img>img {
position: absolute;
width: 100%;
height: 100%;
}
.imgZoom img, .imgY180 img {
-moz-transition: all .8s ease 0s;
-ms-transition: all .8s ease 0s;
-o-transition: all .8s ease 0s;
-webkit-transition: all .8s ease 0s;
transition: all .8s ease 0s;
}
.imgZoom:hover img {
-moz-transform: scale(1.1,1.1);
-ms-transform: scale(1.1,1.1);
-o-transform: scale(1.1,1.1);
-webkit-transform: scale(1.1,1.1);
transform: scale(1.1,1.1);
}
.aboutnr_ys {
overflow: hidden;
background-repeat: no-repeat;
background-position: center center;
background: #3b6876;
}
.aboutnr_yscon {
height: 100%;
position: relative;
}
.aboutnr_yscon .aboutnr_pic {
position: absolute;
right: 0;
}
.aboutnr_yscon .aboutnr_sologan {
margin-bottom: 4.5%;
padding-top: 4.3%;
padding-left: 6.25%;
color: #ffffff;
}
.aboutnr_yscon .aboutnr_sologan ._tt {
font-size: 38px;
font-weight: bold;
line-height: 1;
margin-bottom: 25px;
}
.aboutnr_yscon .aboutnr_sologan ._wd {
font-size: 35px;
}
.aboutnr_yslinks {
padding-left: 4%;
overflow: hidden;
padding-bottom: 30px;
}
.aboutnr_yslinks ._link {
float: left;
width: 11%;
min-width: 80px;
color: #ffffff;
text-align: center;
}
.aboutnr_yslinks ._link ._ico {
display: block;
margin: 0 auto;
width: 70px;
height: 70px;
background-image: url(../images/about_icon.png);
background-size: 280px;
background-repeat: no-repeat;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
}
.aboutnr_yslinks ._link02 ._ico {
background-position: -70px 0;
}
.aboutnr_yslinks ._link03 ._ico {
background-position: -140px 0;
}
.aboutnr_yslinks ._link04 ._ico {
background-position: -210px 0;
}
.about_environment .title {
padding-top: 56px;
margin-bottom: 0;
font-size: 36px;
color: #000;
font-weight: bold;
text-align: center;
line-height: 82px;
}
.tit_icon {
width: 200px;
margin: 0 auto;
}
.tit_icon .line {
width: 67px;
height: 1px;
margin-top: 22px;
background-color: #5b4a25;
float: left;
}
.tit_icon .icon {
height: 38px;
margin: 0 8px;
background-image: url(../images/tit_icon01.png);
float: left;
}
.about_environment .line {
background-color: #facd76;
}
.about_environment .tit_icon .icon {
background-image: url(../images/i_pt2_line4.png);
}
.about_environment .tit_info {
margin-top: 30px;
font-size: 14px;
color: #666;
text-align: center;
line-height: 24px;
}
.responsibility_con {
margin-top: 30px;
overflow: hidden
}
.responsibility_con .bd {
width: 100%;
}
.responsibility_item {
width:24.4%;
margin: 0.3%;
float: left;
}
.about_gjhz {
margin-top: 50px;
margin-bottom: 50px;
overflow: hidden;
}
.about_title {
margin-bottom: 10px;
overflow: hidden;
}
.about_title h3 {
font-size: 36px;
font-weight: bold;
text-align: center;
line-height: 82px;
color:#393939;
}
.about_gjhz .about_title p {
text-align: center;
font-size: 18px;
text-indent: 0;
margin-bottom: 10px;
line-height: 28px;
}
.about_gjhz .line {
background: url(../images/i_pt2_line5.png) no-repeat top center;
height: 40px;
}
.about_gjhz p {
text-indent: 2em;
line-height: 28px;
margin-bottom: 30px;
color: #666;
}
.about_gjhz .about-box {
width: 100%;
overflow: hidden;
margin-bottom: 25px;
}
.about_gjhz .about-box ul {
overflow: hidden;
}
.about_gjhz .about-box ul li {
float: left;
margin: 0 1.5% 2%;
overflow: hidden;
width: 22%;
border: 1px solid #3b6876;
}
.about_gjhz .about-box ul li img {
width: 100%;
height: auto;
-moz-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
-webkit-transition: all 0.35s ease;
-ms-transition: all 0.35s ease;
transition: all 0.35s ease;
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.about_gjhz .about-box ul li:hover img {
-webkit-transform: scale(1.12);
-moz-transform: scale(1.12);
-ms-transform: scale(1.12);
-o-transform: scale(1.12);
transform: scale(1.12);
}
.bd ul li .imgZoom img{width:100%;}
/* 解决方案 产品中心 */
*[class*="rect-"] {
position: relative;
/* display: block; */
width: 100%;
height: auto;
overflow: hidden;
}
.trans {
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
}
.l{float:left;}
.r{float:right;}
.sec_cat {
font-size: 18px;
color: #000;
text-align: center;
border-bottom: 1px solid #e9e9e9;
overflow: hidden;
}
.sec_cat a {
display: inline-block;
line-height: 70px;
margin: 0 2%;
}
.sec_cat a:hover{
color: #f7ac1b;
}
.sec_cat a.cur {
font-size: 18px;
font-weight: bold;
border-bottom: 4px solid #f7ac1b;
}
.rxmore {
width: 100%;
max-width: 1200px;
text-align: center;
display: block;
background: #f7ac1b;
padding: 15px 0;
margin: 0 auto 30px;
}
.rxmore a{color:#fff;}
.main_content {
padding: 50px 0;
}
.main_content ul li h3{
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.product .pro-list-name{
margin-bottom: 25px;
overflow: hidden;
}
.product .pro-list-name .pro-duct-title{
margin-bottom: 20px;
font-weight: 700;color: #404142;
text-align: center;
font-size: 32px;
background: #f7f7f7;
padding: 5px 0 8px;
}
.product .pro-list-name p{
font-size: 14px;
text-align: center;color: #676767;
}
.product ul{
width: 100%;
transition: .2s width ease;
overflow: hidden
}
.product ul li {
margin-bottom: 1%;
float: left;
margin-left: 1%;
width: 24%;
border: 1px solid #34505b;
}
.product ul li img{width:100%;}
.product ul li a {
display: block;
}
.pos_pro{position:relative;}
.imgZoom img{
-moz-transition: all .8s ease 0s;
-ms-transition: all .8s ease 0s;
-o-transition: all .8s ease 0s;
-webkit-transition: all .8s ease 0s;
transition: all .8s ease 0s;
}
.product ul li .mask {
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 100%;
}
.product ul li a:hover .mask {
top: 0;
}
.product ul li a:hover .rect-num img{
transform: scale(1.05);
-moz-transform: scale(1.05);
-webkit-transform: scale(1.05);
}
.product ul li:hover .tit_box{background-color: #3b6876;color:#fff;}
.product ul li:hover .tit_box h3{color:#fff;}
.product ul li .tit_box{font-size: 16px;line-height: 28px; padding: 10px;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.product ul li .tit_box2{padding: 10px;box-sizing: border-box;}
.product ul li .tit_box2 h3{font-size: 16px;line-height: 1.8em;color: #404142;overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;}
.product ul li .tit_box2 p{font-size: 14px;color: #676767; line-height: 1.8em;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.product .page {padding: 30px 0 0;font-size: 12px;color: #777777;text-align: center;}
.page a:hover{color: #404142;background: #fac824; border-color: #fac824;}
.page .prev, .page .next{
display: inline-block;
width: 76px;
height: 36px;
color: #777777;
background: none;
}
.route_tit {
width: 100%;
overflow: hidden;
margin: 0 auto;
border-bottom: 1px solid #ddd;
color: #444444;
}
.container {
margin: 15px auto 15px;
overflow: hidden;
line-height: 28px;
}
.hot_cat{font-size: 16px;text-align: center;margin-top: 50px;}
.hot_cat ul{overflow: hidden;max-width: 1200px;margin:0 auto;}
.hot_cat ul li{
width: 23%;
float: left;
text-align: center;
margin: 0 1%;
background: #fac824;
border-radius: 25px;
}
.hot_cat ul li a{
display: block;
color: #000;
padding: 15px 20px;
font-size: 18px;
}
hr{background: #ccc}
.hot_cat ul .cur{background:#ff0000;color:#fff;border-radius: 20px;}
/* 联系我们 */
.lower_banner {
position: relative;
/* height: 310px; */
overflow: hidden;
width: 100%;
}
.lower_banner .img_box {
height: 310px;
}
.lower_banner .img_box>img {
width: 1920px;
position: absolute;
left: 50%;
margin-left: -960px;
top: 0;
max-width: none;
}
.lower_banner h1.cat_tit {
width: 100%;
position: absolute;
top: 96px;
font-size: 36px;
color: #ffb321;
text-align: center;
line-height: 1;
}
.lower_banner .con_us {
width: 100%;
position: absolute;
top: 163px;
text-align: center;
font-size: 14px;
color: #cecfd0;
font-weight: normal;
}
.lower_banner .con_us a{
color: #ffb321;
display: inline-block;
line-height: 40px;
font-size: 26px;
border: 2px solid #ffb321;
padding:5px 15px;
}
.lower_banner .con_us span {
padding: 0 5px;
}
.connet_cat {
font-size: 16px;
color: #000;
text-align: center;
border-bottom: 1px solid #e9e9e9;
height: 73px;
overflow: hidden;
}
.main-timeline{ overflow:hidden; }
.main-timeline .timeline{
text-align: center;
overflow: hidden;
float: left;
width:20%;
}
.main-timeline .timeline-icon{
padding-bottom: 20px;
margin-bottom: 30px;
border-bottom: 3px solid #ccc;
position: relative;
}
.main-timeline .timeline-icon:before{
content: "";
width: 16px;
height: 16px;
border-radius: 50%;
background: #faa633;
margin: 0 auto;
position: absolute;
bottom: -9.5px;
left: 0;
right: 0;
}
.main-timeline .year{
display: block;
width: 90%;margin: 0 5%;
height: 90px;
line-height: 90px;
border-radius: 50%;
background: #faa633;
font-size: 26px;
color: #fff;
margin-bottom:15px;
z-index: 1;
position: relative;
}
.main-timeline .year:before{
content: "";
display: block;
width: 70px;
height: 80%;
background: #fff;
border-radius: 50%;
position: absolute;
top: 10px;
left: -37px;
}
.main-timeline .timeline-content{ padding: 0 10px; }
.main-timeline .post{
font-size: 20px;
color: #727cb6;
margin: 0 0 15px 0;
}
.main-timeline .description{
font-size: 14px;
color: #676767;
text-align: left;
}
.main-timeline .timeline:nth-child(2n) .timeline-icon,
.main-timeline .timeline:nth-child(2n) .post{
color: #f47321;
}
.main-timeline .timeline:nth-child(2n) .year,
.main-timeline .timeline:nth-child(2n) .timeline-icon:before{
background: #f47321;
}
.main-timeline .timeline:nth-child(3n) .timeline-icon,
.main-timeline .timeline:nth-child(3n) .post{
color: #faa633;
}
.main-timeline .timeline:nth-child(3n) .year,
.main-timeline .timeline:nth-child(3n) .timeline-icon:before{
background: #faa633;
}
.main-timeline .timeline:nth-child(4n) .timeline-icon,
.main-timeline .timeline:nth-child(4n) .post{
color: #f47321;
}
.main-timeline .timeline:nth-child(4n) .year,
.main-timeline .timeline:nth-child(4n) .timeline-icon:before{
background: #f47321;
}
.main-timeline .timeline:nth-child(5n) .timeline-icon,
.main-timeline .timeline:nth-child(5n) .post{
color: #f27826;
}
.main-timeline .timeline:nth-child(5n) .year,
.main-timeline .timeline:nth-child(5n) .timeline-icon:before{
background: #faa633;
}
.main-timeline .timeline:nth-child(6n) .timeline-icon,
.main-timeline .timeline:nth-child(6n) .post{
color: #faa633;
}
.main-timeline .timeline:nth-child(6n) .year,
.main-timeline .timeline:nth-child(6n) .timeline-icon:before{
background: #ed687c;
}
.imgbox1,.imgbox2,.imgbox3,.imgbox4,.imgbox5,.imgbox6{
width: 100px;
height: 100px;
border-radius: 50px;
background-position: center;
background-repeat: no-repeat;
z-index: 111;
}
.imgbox1{background-color: #faa633;}
.imgbox2{background-color: #f47321;}
.imgbox3{background-color: #faa633;}
.imgbox4{background-color: #f47321;}
.imgbox5{background-color: #faa633;}
.imgbox6{background-color: #ed687c;}
.connet_cat a {
display: inline-block;
line-height: 70px;
padding: 0 4px;
margin: 0 34px;
font-size: 18px;
font-weight: bold;
border-bottom: 4px solid #f7ac1b;
}
.contact {
padding: 40px 0 40px;
overflow: hidden;
}
.contact .map_box {
overflow: hidden;
position: relative;
width: 100%;
}
.contact .map_box .map {
width: 65%;
float: left;
}
.contact .map_box .r_box {
position: absolute;
right: 0;
width: 420px;
top: 0;
}
.contact .map_box .r_box .lxwm {
padding: 60px 30px;
background-color: #f7ac1b;
}
.contact .map_box .r_box .lxwm .tit {
font-size: 36px;
font-weight: 700;
color: #fff;
line-height: 1.8em;
margin-bottom: 22px;
}
.contact .map_box .r_box .lxwm .dash_line {
height: 0px;
border-bottom: 1px dashed #fff;
margin-bottom: 25px;
}
.contact .map_box .r_box .lxwm .name{font-size: 26px;margin-bottom: 15px;line-height: 1.8em;}
.contact .map_box .r_box .lxwm p {font-size: 16px;color: #fff;line-height: 1.8em;margin-bottom: 15px;}
.contact .map_box .r_box .lxwm .callme{margin-top: 20px;}
.contact .map_box .r_box .lxwm p a{
background: url(../images/line_equipment.png) no-repeat 25% center #ff0000;
color: #FFFfff;
font-size: 18px;
line-height: 46px;
text-align: center;
display: block;
width: 100%;
border-radius: 35px;
}
.contact .map_box .r_box .lxwm p span{font-size: 30px;}
/* 相关新闻 */
.news_list .xg_nav_tit{
width: 100%;
overflow: hidden;
margin: 0 auto;
border-bottom: 1px solid #ddd;
color: #444444;
}
.news_list .xg_nav_tit .xg_nav_pos{
margin: 15px auto;
overflow: hidden;
line-height: 28px;
padding-left: 20px !important;
}
.news_list .xg_nav_tit .xg_nav_pos a{color:#444;}
.news_xg_more{
width: 100%;
margin: 3% auto 1%;
overflow: hidden;
}
.news_xg_more h1{
font-size: 24px;
color: #000;
display: block;
width: 100%;
float: left;
text-align: left;
height: 40px;
line-height: 40px;
}
.news_xg_more h1 a{
padding: 5px 15px;
color: #f7ac1b;
}
/* 相关新闻 */
/* 新闻中心 */
.news_list .new_dh{width: 100%;background: #f9f8f8;overflow: hidden;}
.news_list .new_dh ul{overflow: hidden;display: flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;padding:40px 0;}
.news_list .new_dh ul li{float: left;font-size: 18px;text-align: center;cursor: pointer;background: #000;padding: 15px 30px;}
.news_list .new_dh ul li a{color:#fff;display: block;}
.news_list .new_dh ul li.new_cur{background: #ff6600;}
.hy-new{margin-top: 40px}
.hy-new ul {
overflow: hidden;
}
.hy-new ul li {
float: left;
width: 31%;
margin-left:1%;
margin-right: 1%;
border: 1px solid #f1f1f1;
}
.hy-new ul li a {
overflow: hidden;
display: block;
text-overflow: ellipsis;
white-space: nowrap;
}
.hy-new ul li a img {
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-webkit-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
width: 100%;
}
.hy-new ul li a img:hover {
-moz-transform: scale(1.1,1.1);
-ms-transform: scale(1.1,1.1);
-o-transform: scale(1.1,1.1);
-webkit-transform: scale(1.1,1.1);
transform: scale(1.1,1.1);
}
.hy-new ul li .hy-new-tit {
padding: 15px;
transition: all 1s ease;
}
.hy-new ul li .hy-new-tit .time{
background: #ffb321;
display: block;
width: 100px;
text-align: center;
line-height: 24px;
color: #fff;
font-size: 14px;
}
.hy-new ul li .hy-new-tit h3{
font-size: 20px;
line-height: 2;
margin-top: 15px;
}
.hy-new ul li:hover h3 a{
color: #ffb321;
}
.hy-new ul li .hy-new-tit .hy-zy{
display: block;
height: 60px;
line-height: 20px;
font-size: 14px;
color: #555;
overflow: hidden;
margin-top: 15px;
margin-bottom: 25px;
}
.pro-news{background: #f9f8f8;}
.pro-newslist {margin-bottom: 20px;padding-top: 24px;}
.pro-newslist .xg-news{font-size: 26px;}
.pro-newslist ul{overflow: hidden}
.pro-newslist li {
width: 50%;
float: left;
overflow: hidden;
border-bottom: #eee 1px dotted;
padding: 6px 28px;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.pro-newslist li:hover {background-color: #f0f2f5;}
.pro-news ul li:hover{background: #fff;}
.rect-65 {padding-bottom: 65%;}
.pro-newslist .newslist_intro {overflow: hidden;}
.pro-newslist li:hover ._title{color: #f7ac1b;}
.pro-newslist ._title {
display: block;
height: 32px;
line-height: 32px;
font-size: 18px;
font-weight: normal;
margin-bottom: 5px;
color: #404142;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
font-weight: bold;
}
.pro-newslist ._text {color: #676767;
line-height: 1.8em;
overflow: hidden;
font-size: 14px;
margin-bottom: 15px;
height: 50px;
}
.pro-newslist li:hover ._more {filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8; opacity: 0.8;}
.pro-newslist ._more {
display: inline-block;
white-space: nowrap;
width: auto;
height: 32px;
line-height: 32px;
background-color: #f7ac1b;
color: #fff;
padding: 0 20px;
}
.pro-newslist .date_time{float:right;line-height: 32px;font-size: 14px;color: #676767;}
.pro-newslist li:hover .date_box {color: #f7ac1b;}
.news_list .page {margin-top: 50px;margin-bottom: 56px;font-size: 12px;color: #777777;text-align: center;}
.news_list .page .pagination{overflow:hidden;display: inline-block;}
.news_list .page .pagination li{float:left;}
.news_list .page .pagination li.active span{display: block;background: #fac824;color: #fff;border-color:#fac824;}
.page a:hover {color: #ffffff;background: #3b6876;border-color: #3b6876;}
.page a, .page span {
color: #777777;
display: inline-block;
padding: 0px 15px;
height: 36px;
font-size: 14px;
text-align: center;
line-height: 36px;
border: 1px solid #b5b5b5;
vertical-align: middle;
margin-left:6px;
}
.page b {
color: #ffffff;
display: inline-block;
padding: 0px 15px;
height: 36px;
font-size: 14px;
text-align: center;
line-height: 36px;
border: 1px solid #3b6876;
vertical-align: middle;
margin-left: 6px;
background: #3b6876;
}
/* 新闻详情页 方案详情*/
.news {margin-top: 10px;}
.news_detail {width: 74%;float: left;}
.news .pro_bread {font-size: 13px;color: rgba(59,59,59,0.5); margin:0 0 20px;line-height: 30px;border-bottom:1px solid #f4f4f4;}
.news_detail ._head {width: 100%;overflow: hidden;}
.news_detail ._head h1 {font-size: 31px;text-align: left;color: #000;line-height: 1.4;font-weight: bold; text-align: center;}
.news_detail ._tools {margin-top: 25px;color: #999999;}
.nd_menus span {display: block;float: left;margin-left: 5px;}
.nd_menus span a{display: block;}
.jl5 {margin-top: 5px;}
._time1 {font-size: 14px;margin: 3px 0;line-height: 4em;background: url(../images/b.jpg) no-repeat left center;padding-left: 20px;}
.news_detail_con { width: 100%;margin-top: 20px;}
.news_detail_con div{clear:both;overflow:hidden;}
.news_detail_con h2{
font-size: 20px;
line-height: 40px;
margin-top: 15px;
}
.daodu {width: 100%;padding: 0 1% 2% 15%;margin-bottom: 35px;background: #f4f4f4 url(../images/wxts.png) no-repeat 20px 15px;overflow: hidden;}
.daodu p { display: inline-block;margin: 5px 0 10px;text-indent: 0;line-height: 50px;font-size: 15px;}
.daodu_lx {width: 100%;}
.daodu_lx .tel {
background: url(../images/new_tel.png) no-repeat left bottom;
padding: 18px 0 0 50px;box-sizing: border-box;
color: #666;
margin: 20px 0 0 3%;
font-size: 16px;
}
.daodu_lx .tel strong {
font-size: 26px;
color: #FE4042;
}
.daodu_lx .tel strong a {
color: #3b6876;
}
.daodu_lx .chat {
background: #3b6876;
margin-left: 10%;
color: #fff;
font-size: 18px;
padding: 10px 30px;
}
.news_right {
padding: 15px 0 0;
width: 20%;
float: right;
}
.news_right_pro {
width: 99.2%;
overflow: hidden;
border: 1px solid #dbdbdb;
}
.news_right_pro h4,.time-new h4{
font-size: 26px;
margin-bottom: 15px;
text-align: center;
margin-top: 15px;
}
.news_right_pro ul {
width: 100%;
margin: 0 auto 15px;
overflow: hidden;
}
.news_right_pro ul li {
text-align: center;
line-height: 40px;
/* float: left; */
width:100%;
padding: 0 2%;
/* margin-left:1%; */
}
.time-new{
border: #d8d8d8 1px solid;
width: 98%;
padding-bottom: 25px;
margin-top: 30px;
}
.time-new ul{
width: 90%;
margin: 0 auto;
overflow: hidden;
}
.time-new ul li{
border-bottom: 1px dashed #ccc;
}
.time-new ul li a{
background: url(../images/new_ico.jpg) no-repeat left center;
padding-left: 10%;
line-height: 3;
font-size: 14px;
color: #555;
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.content_video{text-align:center;margin: 0 auto;}
.content_video video{max-width: 600px;width: 600px;height: auto;margin: 0 auto;}
.news_detail_con p {color: #676767;
margin: 0.75em 0;
text-indent: 2em;
line-height: 1.75em;
font-size: 15px;
}
.news_detail_con p a{
color: #2d9cbf;
}
.news_detail_con img{max-width:100%;text-align: center;}
.news_page_info {
border-top: 1px solid #e4e4e4;
height: 50px;
padding: 12px;
}
.news_page_info .page_info_btn {
display: block;
border-bottom: 1px solid #e4e4e4;
overflow: hidden;
}
.news_page_info .page_info_btn:hover .b_text {
background-color: #f9b81e;
color: #fff;
}
.news_page_info .b_text {
width: 8.8%;
font-size: 16px;
color: #000;
text-align: center;
line-height: 60px;
}
.news_page_info .news_tit {
width: 77.7%;
margin-left: 2%;
font-size: 16px;
line-height: 60px;
}
.news_page_info .news_date {
width: 11.5%;
font-size: 13px;
color: #969696;
text-align: center;
line-height: 60px;
}
/* 产品详情 */
.pro_dels .pro_bread {font-size: 13px;color: rgba(59,59,59,0.5);margin: 30px 0;line-height: 30px;border-bottom: 1px solid #f4f4f4}
.pro_dels .pro_pt01 .left {float: left;width: 62%;margin-bottom: 50px;}
.pro_dels .pro_pt01 .right {float: right;width: 35%;}
.pro_dels .right .r_top {overflow: hidden;}
.pro_dels .right .r_top .tit {font-size: 34px;font-weight: bold;color: #000;line-height: 45px; margin-bottom: 10px;}
.pro_dels .right .r_top p{font-size: 16px;line-height:2em; margin-bottom: 1.2%;color: #444; }
.pro_dels .right .r_top p span{color:#3b6876;font-size: 16px;}
.pro_dels .right .r_top .line-titles{font-size: 18px;line-height: 54px;}
.pro_dels .right .r_top .pro_tel{font-size: 18px;overflow: hidden;margin-bottom: 4%;display: block;}
.pro_dels .right .r_top .pro_tel img{vertical-align: bottom;margin-right: 10px;max-width: 40px;width: 100%;height: auto;}
.pro_dels .right .r_top .pro_tel span{color: #3b6876;font-size: 32px;font-weight: 600;}
.pro_dels .right .r_top p strong{
line-height: 25px;
font-size: 15px;
padding: 18px 0 18px 50px;box-sizing: border-box;
border-top: 1px solid #d8d8d8;
display: block;
font-weight: normal;
color: #676767;
border-bottom: 1px solid #d8d8d8;
background: url(../images/cp_ys.png) left center no-repeat;
margin-bottom: 20px;background-size:40px;
}
.pro_dels .right .r_top .con {
font-size: 14px;
color: #4f4f4f;
margin-top: 19px;
line-height: 22px;
padding-bottom: 15px;
border-bottom: 1px solid #ebebeb;
}
.pro_dels .right .r_top .con span{color:#ef9200;padding-left: 2%}
.pro_dels .pro_pt01 .right table{
display: table;
border-collapse: separate;
border-spacing: 1px;
border-color: gray;
text-align: center;
overflow: hidden;
line-height: 32px;
font-size: 12px;
margin-bottom: 15px;
}
.pro_dels .pro_pt01 .right table tr:hover{background:#f0f0f0;}
.pro_dels .pro_pt01 .right table a:hover{color:#ef9200;}
.pro_dels .right .caseny {overflow: hidden;}
.pro_dels .right .caseny h1{font-size: 34px;font-weight: bold;color: #000;line-height: 45px;margin-bottom: 10px;}
.pro_dels .right .caseny p{line-height: 1.8em;color: #676767;font-size: 15px;margin:14px 0;padding-left: 30px;background: url(../images/icodui.png) top 3px left no-repeat;}
.pro_dels .right .caseny p strong{font-weight: 500;color: #444;}
.pro_dels .right .caseny p a{color: #666;}
.line-titles{display: none;}
.pro_dels .right .r_center {
margin: 5% 0 0 10%;
color: #4f4f4f;
border-bottom: 1px solid #ebebeb;
overflow: hidden;
padding-bottom: 5%
}
.pro_dels .right .r_center .center1,.pro_dels .right .r_center .center2 {
position: relative;
width: 50%;
text-align: center;
float: left;
}
.pro_dels .right .r_center .center1:after {
content: '';
width: 1px;
height: 45px;
background: #ebebeb;
position: absolute;
left: 100%;
top: 20px;
}
.pro_dels .right .r_center h3{
font-size: 18px;
font-weight: normal
}
.pro_dels .right .r_center p{
font-size: 30px;
font-family: Arial;
font-weight: 800;
}
.pro_dels .right .r_bottom {
margin-top: 5%;
padding-left: 10%;
color: #4f4f4f;
overflow: hidden;
}
.pro_dels .right .r_bottom span{
font-weight: bold;
font-size: 18px;
line-height: 25px;
float: left;
}
.pro_dels .right .r_bottom p{
font-size: 14px;
line-height: 25px;
margin-bottom:30px;
float: left;
}
.pro_dels .right .r_btn {margin:25px 0 15px;overflow: hidden;}
.pro_dels .right .r_btn .r_btn1 img,.pro_dels .right .r_btn .r_btn2 img,.pro_dels .right .r_btn .r_btn0 img{max-width:28px;height:auto;margin-right: 5px;vertical-align:middle;cursor: pointer;transition: all 0.6s;}
.pro_dels .right .r_btn .r_btn1:hover img,.pro_dels .right .r_btn .r_btn2:hover img,.pro_dels .right .r_btn .r_btn0:hover img{transform: scale(1.2);}
.pro_dels .right .r_btn .r_btn1{width: 51%;font-size: 20px;text-align: center;line-height:2.5em;float: left; border-radius:1px;}
.pro_dels .right .r_btn .r_btn2{width: 46%;font-size: 20px;text-align: center;line-height:2.5em;float: right; border-radius:1px;}
.pro_dels .right .r_btn .r_btn0{width: 100%;font-size: 20px;text-align: center;line-height:2.5em;float: right; border-radius:1px;}
.pro_dels .right .r_btn .r_btn1 a,.pro_dels .right .r_btn .r_btn0 a {background: #3b6876;color: #fff;cursor: pointer;display: block;}
.pro_dels .right .r_btn .r_btn2 a{background: #3b6876;color: #fff;cursor: pointer;display: block;}
.pro_dels .right .r_btn .r-btn-right .sol-tel{background: url(../images/number.png) 0 0 no-repeat;padding-left: 10%;overflow: hidden;float: left;width: 50%;}
.pro_dels .right .r_btn .r-btn-right span{color:#ff0000;font-size: 26px;}
.pro_pt02 .target_wrap {
background: url(../images/pro_04.jpg) no-repeat center;
height: 120px;
color: #fff;
width: 100%;
transition: all ease .5s;
-moz-transition: all ease .5s;
-webkit-transition: all ease .5s;
-o-transition: all ease .5s;
margin-bottom:50px;
}
.target_wrap.leave{ position: fixed;
top: 0;
z-index: 10;
left: 0%;
width: 100%;
background-size: cover;
height: 75px;
}
.target_wrap.leave li{top: -25px;}
.pro_pt02 .target_wrap ul{
width: 100%;
margin: 0 auto;
overflow: hidden;
}
.pro_pt02 .target_wrap ul li {
float: left;
height: 100px;
line-height: 100px;
margin-left: -1px;
text-align: center;
width: 25%;
position: relative;
cursor: pointer;
font-size: 18px;
background: url(../images/pro_line.png) center 80px;
background-repeat: repeat-x;
}
.pro_pt02 .target_wrap ul li a{color:#fff;}
.pro_pt02 .target_wrap ul li a i{
display: block;
width: 15px;
height: 15px;
border-radius: 10px;
background: #fff;
position: absolute;
top: 73px;
left: 50%;
margin-left: -7.5px;
}
.pro_pt02 .target_wrap ul .active a i{
color: #fff;
background: #f8ac18;
}
.pro_pt02 .content-box .col-l {
width: 75%;
float: left;
font-size: 14px;
color: #666;
line-height:2;
}
.pro_pt02 .content-box .col-l h2 {font-size: 24px;color: #262525;line-height: 28px; margin-bottom: 20px;}
.pro_pt02 .content-box .col-l p {margin-bottom:10px;}
.pro_pt02 .content-box .col-l .content_video{ text-align:center;}
.pro_pt02 .content-box .col-l .content_video video{max-width:750px; width:100%; margin:0 auto;}
.pro_pt02 .content-box .col-l p strong{color:#3b6876;}
.pro_pt02 .content-box .col-l img{display: block;margin: 0 auto;margin-bottom: 20px;}
.pro_pt02 .content-box .col-r {width: 20%; float: right;}
.pro_pt02 .content-box .col-r ul {padding: 22px 10px 0;border: 1px solid #ddd;box-sizing: border-box;}
.pro_pt02 .content-box .col-r ul li p a {
font-size: 16px;
color: #3f3f3f;
line-height: 24px;
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin: 8px 0 20px;
text-align: center;
}
.pro_pt03 h2{
font-size: 24px;
color: #262525;
line-height: 28px;
margin-bottom: 20px; margin-top:30px;
}
.pro_pt03 .sections2{
margin: 30px auto;
}
.pro_pt03 .sections2 ul{
overflow: hidden;
}
.pro_pt03 .sections2 ul li {
width: 23%;
float: left;
margin-left:1.5%;
border: 1px solid #427181;
}
.pro_pt03 .sections2 ul li a{display: block;}
.pro_pt03 .sections2 ul li a:hover{
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
text-decoration: none;
outline: 0;
}
.pro_pt03 .sections2 h3{
font-size: 18px;
text-align: center;
color: #212121;
margin-bottom: 16px;
font-weight: bold;
line-height: 3;
}
.imgZoom:hover img {
-moz-transform: scale(1.1,1.1);
-ms-transform: scale(1.1,1.1);
-o-transform: scale(1.1,1.1);
-webkit-transform: scale(1.1,1.1);
transform: scale(1.1,1.1);
}
.xg_new{
width: 100%;
background: url(../images/pro_solve.jpg)no-repeat center;
padding-bottom: 30px;
}
.xg_new h2{
font-size: 24px;
color: #262525;
line-height: 34px;
padding-bottom: 15px;
margin-top: 20px;
margin-bottom:0px;
}
.xg_new .xgwz{
overflow: hidden;
border-bottom: 1px dashed #bbb;
}
.xg_new .xgwz h2{
font-size: 24px;
color: #262525;
line-height: 34px;
padding-bottom: 15px;
margin-top: 20px;
margin-bottom:0px;
display: block;
float: left;
}
.xg_new .xgwz a{
display: block;
float: right;
padding-top: 25px;
}
.xg_new ul{
overflow: hidden;
padding: 20px 0;
}
.xg_new ul li{
float: left;
width: 50%;
}
.xg_new ul li a{
display: block;
font-size: 18px;
color: #000;text-indent: 30px;
line-height: 42px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
background: url(../images/new_ico.png) left center no-repeat;background-size:20px;
}
.xg_new ul li a:hover{
color: #f7ac1b;
}
#computer table{margin-bottom: 15px;}
/* 服务支持 */
.service_support .con {
position: relative;
z-index: 1;
margin-top: -130px;
overflow: hidden;
}
.service_support .service_target {
overflow: hidden;
}
.service_support .service_target .bg_01 {
background-color: #faa633;
}
.service_support .service_target .bg_02 {
background-color: #f47321;
}
.service_support .service_target .bg_03 {
background-color: #fdbb2e;
}
.service_support .service_target li {
width: 30.5%;
height: 270px;
margin: 0 1.2%;
cursor: pointer;
-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
float: left;
}
.service_support .service_target li a{color:#fff;}
.service_support .service_target li img{
width: 74px;
height: 72px;
display: block;
margin: 37px auto 0 auto;
-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.imgY180:hover img {
cursor: pointer;
-moz-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.service_support .service_target li h2{
color: #fff;
width: 70%;
margin: 0 auto;
font-size: 30px;
line-height: 70px;
font-weight: bold;
text-align: center;
-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.service_support .service_target li p{
width: 70%;
height: 48px;
margin: 5px auto 0 auto;
font-size: 14px;
line-height: 24px;
text-align: center;
overflow: hidden;
-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.ser_con {margin-top: 60px;margin-bottom: 40px;font-size: 16px;line-height: 36px;}
.ser_con h3 {font-size: 40px;margin-bottom: 25px;text-align: center;}
.mao1 {
display: inline-block;
width: 26px;
margin: 0 20px 0 0;
height: 32px;
background: url(../images/yihao_left.png) 0 no-repeat;
}
.mao2 {
display: inline-block;
width: 26px;
margin: 0 0 0 20px;
height: 32px;
background: url(../images/yihao_right.png) 0 no-repeat;
}
.ser_con p {text-indent: 2em;margin: 15px 0;color: #676767;line-height: 2em;}
.service_support .sections_box {background-color: #f9f8f8;overflow: hidden;}
.service_bottom {
height: 250px;
margin-top: 50px;
width: 100%;
background: url(../images/ser_bg.jpg) no-repeat;
-webkit-background-size: cover;
background-size: cover;
background-attachment: fixed;
padding: 70px 0 0;
}
.service_bottom .t {
font-size: 40px;
color: #000;
}
.service_bottom .p {
font-size: 32px;
color: #000;
}
.service_bottom .link {
background: url(../images/index_bottom_item.png) no-repeat center;
width: 69.66%;
}
.service_bottom .link ul {
padding: 3% 0%;
overflow: hidden;
}
.service_bottom .link li {
float: left;
color: #fff;
width: 33.33%;
padding-left: 4%;
cursor: pointer;
}
.service_bottom .link li div {
display: inline-block;
float: left;
margin-right: 15px;
width: 40px;
height: 40px;
background: url(../images/index_bottom_ico.png) no-repeat 0 0;
vertical-align: middle;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.service_bottom .link li .ic2 {
background-position: -40px 0;
}
.service_bottom .link li .ic3 {
background-position: -80px 0;
}
.service_bottom .link li h4 {
font-size: 16px;
font-weight: normal;color: #fff;
}
.service_bottom .link li a {
color: #fff;
}
.service_bottom .link li:hover div {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.service_support .service_sections { margin-top: 50px;padding-bottom: 50px;overflow: hidden;}
.service_support .service_sections .maintain_tit{text-align: center;margin:10px auto 40px;color: #676767}
.service_support .img_box {width: 48.75%;}
.service_support .text_box {width: 46.66666%;}
.service_support .service_sections h3 {margin-bottom: 20px;font-size: 36px;line-height: 64px;font-weight: bold;}
.service_support .service_sections h3 a:hover{color:#f7ac1b;}
.service_support .section_con {height: auto;font-size: 16px;color: #676767;overflow: hidden;}
.service_support .section_con p{margin: 15px 0;color: #676767;line-height: 1.8em;}
.service_support .net_box .text_box {width: 43.333333%;}
.service_support .maintain .section_tit {
margin-bottom: 0;
line-height: 62px;
text-align: center;
}
.service_support .maintain .tit_icon {
width: 178px;
margin: 0 auto;
}
.service_support .maintain .tit_icon .line {
width: 67px;
height: 0;
margin-top: 19px;
border-top: 1px solid #f7ac1b;
}
.service_support .maintain .tit_icon .icon {
width: 37px;
height: 37px;
margin: 0 3px;
background-image: url(../images/maintain_icon.png);
background-size: 100% 100%;
}
.service_support .maintain .ul-list li {float: left;width: 12.5%;background: url(../images/lc_line.png) no-repeat right 63px;}
.service_support .maintain .ul-list li:last-child{background: none}
.service_support .maintain .ul-list li img{display: block;width: 60%;margin: 0 auto;text-align: center;}
.service_support .maintain .ul-list{width: 90%;margin: 0 auto 35px;overflow: hidden}
.service_support .maintain .ul-list h3{font-weight: 600;font-size: 17px;text-align: center;}
.ul-list h3:hover{color:#f7ac1b;}
/* 返回顶部 */
.scala-side-bar{display: none}
.scala-side-bar{position: fixed;right: 5%;bottom: 150px;z-index: 10000;}
.scala-side-bar li {margin: 3px 3px;text-align: center;border: 1px solid #ccc;}
.scala-side-bar a {display: inline-block;line-height: 20px;color: #000;width: 40px}
.scala-side-bar a:hover {color:#ffb321;}
#go_top{position:fixed; right:1%;bottom:100px;z-index: 100;}
#go_top img{background-color:#ffbe00;}
/* 响应式开始 */
.m_header{display:none;}
.hx3 .wrap_al .slick{display:none;}
.mindexban{display: none;}
.col-r h5{ text-indent:15px;height:40px;line-height:40px; background-repeat:no-repeat; background-position:right center; font-size:16px; color:#fff; background-color:#3b6876;font-weight:bold;}
.col-r h5 a{color:#fff;}
.zxnew{ margin-bottom:20px; boder-top:none; overflow:hidden;margin-top: 10px;}
.zxnew h5{ text-indent:15px;height:40px;line-height:40px; background-repeat:no-repeat; background-position:right center; font-size:16px; color:#fff; background-color:#3b6876;font-weight:bold;}
.zxnew h5 a{color:#fff;}
.zxnew ul{border:1px solid #f0f0f0; padding:0px 10px 10px 10px;}
.zxnew ul li{height:2em; line-height:2em;text-indent:10px; white-space:nowrap;text-overflow:ellipsis; overflow:hidden;}
@media only screen and (max-width:1199px){
.nav_box{height: 60px;line-height: 60px;}
.tab_con .hot_img .fen_fix ul li .img_box .mask{display:none;}
.hx3 .wrap_al{max-width:80%;}
.nav_box ul{width:85%;}
.wrap_two .go_pro{width: 14%;}
.pro_dels .right .r_btn .r-btn-right span{font-size: 22px;}
.nav_box ul .active{margin-top:-3px;}
}
@media only screen and (max-width:1024px){
.wrap{width:98%;}
.index_taget div{margin: 0px auto;}
.tab_con .hot_img .fen_fix ul li .img_box img{max-width: 81.7%;}
.slick-prev, .slick-next{top:25%;}
.box_l .tit_c{margin-top: 20px;}
.full-row>.span-5{margin-top: 130px;width:45%;}
.about_us2 .info_box{width:90%;}
.service_support .maintain .ul-list{margin:0 auto;}
.service_support .maintain .ul-list li{background: none;width:12%;}
.service_support .maintain .ul-list li img{width:50%;}
.service_support .maintain .ul-list li h3{ margin-bottom:0;font-weight: normal;font-size: 14px}
.aboutnr_yscon .aboutnr_pic{display:none;}
.pro_dels .right .r_top .tit{font-size: 22px;line-height: 22px}
.pro_dels .right .r_top .con{margin-top:10px;padding-bottom: 10px}
.pro_dels .right .r_center h3{font-size: 16px}
.pro_dels .right .r_center p{font-size: 18px}
.hx4 .sy_new_right .con{width:70%;}
.hx4 .sy_new_right li .date{width:30%;}
.hx4 .sy_new_right li{line-height: 2.5}
.aboutnr_yscon .aboutnr_sologan ._tt img{display: block;margin:0 auto;}
.aboutnr_yscon .aboutnr_sologan ._wd{text-align: center}
.aboutnr_yslinks ._link{width:25%;}
.product ul li .tit_box{padding:5px;}
.service_support .service_target li{height:170px;}
.service_support .service_target li img{width:50px;height:50px;margin:10px auto 0;}
.service_support .service_target li h2{font-size: 20px;line-height: 40px;}
.ser_con{font-size: 14px;line-height: 28px;margin-top: 30px;}
.ser_con h3,.service_support .service_sections h3,.service_bottom .t{font-size: 32px;}
.service_support .service_sections{margin-top:20px;padding-bottom:20px;}
.service_support .section_con{font-size: 14px;line-height: 2.5}
.service_bottom .link li h4,.service_bottom .link li a{font-size: 14px;}
.service_bottom .link{width:80%;}
.service_bottom{margin-top:0;}
.service_bottom .p{font-size: 28px}
.service_support .service_sections .maintain_tit{margin:0 auto 20px;font-size: 14px}
}
@media only screen and (max-width:960px){
#LRdiv0,#LRfloater0,#swtColse{ width:0; height:0; display:none;}
.map{ margin-top:10px;}
.about-tit-sy h1,.about-tit-sy p,.pt2 .wrap .info p,.pt2 .wrap .more,.hx3 .wrap_al .info,.hx4 .wrap .info{display: none;}
.tab_con .hot_m{width: 100%;background: #f0f2f5;padding: 0 10px;box-sizing: border-box;margin-bottom: 0;line-height: 3em;}
.tab_con .hot_m p a{font-size: 26px;}
.tab_con .hot_m span{padding-top: 10px;}
.pt2{margin: 20px auto 25px;}
.pt2 .num_box{width: 100%;}
.contact{display: none;}
.header{display:none;}
.m_header{display:block;height:58px;border-bottom: 1px #ddd solid;}
.hot_img .img_one{display:none;}
.tab_con .hot_img .fen_fix ul li.index_ycpro{display: block;}
.index_taget div{margin: 0px auto;}
.index_taget li h2{font-size: 16px;line-height: 36px}
.hx4 .info p{font-size: 14px;}
.hx4 .sy_new_right li .date strong{font-size: 18px}
.tab_con .hot_img .fen_fix{width:100%;}
.hx4 .sy_new_left dl{margin:0 3% 0 2%;}
.num_box span{font-size: 48px}
.UnmobilePush,.lower_banner .pos,.lower_banner .con_us,.connet_cat{display:none;}
.pro-newslist .date_time{display:block;}
.news_list .date_box{display: none}
.pro_dels .pro_pt01 .right{width:100%;}
.pro_dels .pro_pt01 .left{width:100%;margin-bottom:10px;}
.pro_dels .pro_pt01 .left img{width: 100%;height: auto;}
.pro_dels .pro_pt01 .left .imgbox{width:95%;margin:auto;}
.pro_pt02 .content-box .col-l{width:100%;}
.pro_pt02 .content-box .col-l img{display:block;margin:0 auto;}
.pro_pt02 .content-box .col-r{display:none;}
.pro_dels .right .r_btn{padding-left:20px;}
.main-timeline .year{font-size: 20px}
.box_l .tit_c{display: none}
.data2 li a .pic1{width:80%}
.pro_dels .right .r_top,.pro_dels .right .r_bottom{padding:0;}
.pro_dels .pro_pt01 .right table{margin:0;width:100%;}
.product ul li{width:32%;}
.pro_dels .right .r_top p{margin-bottom:0.5%;}
.pro_dels .right .r_top .pro_tel{display: none;}
.pro_pt02{margin-top: 20px;}
.link{display: none;}
.pro_dels .pro_bread,.news .pro_bread{display: none}
.news_detail_con p{text-indent: 2em}
.news_detail{width: 100%;}
.news_right,.news_right_pro ul{width: 100%;}
.news_right_pro ul li{float: left;width: 25%}
}
@media only screen and (max-width:768px){
.slick{display: none;}
.mindexban{display: block;}
.mindexban img{width: 100%;height: auto;}
.banner1{display: none;}
.banner2{display: block;}
.index_line{display: block;}
.tab_con .hot_m{margin:0 auto;}
.tab_con .hot_m p{line-height:2}
.data2 li h3 a{font-size: 14px}
.data2 li h3 a span{display:none;}
.ser_con h3,.tab_con .hot_m p{font-size: 28px;}
.tab_con .hot_m ul li a{font-size: 18px;line-height:3;}
.pt2{display: none;}
.hx3{margin-top: 20px;}
.tab_con .hot_img .fen_fix ul li .name{line-height: 2.5}
.pt2 .num_box li .number{font-size: 36px}
.pt2 .wrap h2,.hx3 .wrap_al .tit h2 a,.hx4 .wrap .tit h2 a{font-size: 28px;}
.slick-prev{left:-70px;}
.hx4 .sy_new_left dd p{display: none;}
.hx4 .sy_new_left dd h4{margin: 0;font-size: 16px;}
.hx4 .sy_new_left{width:100%;}
.hx4 .sy_new_right{width:100%;margin-top: 15px;}
.hx4 .sy_new_right li h4{background: url(../images/new_ico.png) left center no-repeat;background-size: 16px;text-indent: 22px;}
.hx4{margin:20px auto;}
.hx4 .sy_new_left dl{width: 49%;margin: 0 0.5%;}
.hx4 .sy_new_right li{width: 99%;margin: 0 auto;}
.full-row>.span-6{width:100%;}
.full-row>.span-5{display: none}
.about_text{margin-bottom: 20px;}
.about_us{padding-bottom: 20px}
.about_environment .title,.about_title h3{padding-top:0;font-size: 30px;line-height: 2.5}
.about_gjhz{margin:0 auto;}
.service_bottom{display: none}
.service_support .con{margin-top: 15px}
.service_support .service_target{display: none}
.service_support .img_box{width:100%;}
.service_support .text_box{width:100%;}
.service_support .maintain .ul-list li{width:25%;}
.service_support .maintain .ul-list li h3{font-size: 12px;line-height:40px}
.service_support .maintain .ul-list li img{width:40%;}
.pro-newslist li{padding:15px 20px;}
.news_detail ._head h1{font-size: 28px;}
}
@media only screen and (max-width:767px){
.index_taget div{margin: 0px auto;width:70px;height:auto;}
.index_taget li h2{font-size: 16px;line-height: 45px;}
.slick-prev, .slick-next{top:20%;}
.hx3 .wrap_al .slider{display:none;}
.hx3 .wrap_al .slick{display:block;}
.hx3 .wrap_al .slick .title{text-align: center;line-height:3;font-size:18px}
.slick-dots li button{width:10px;height:10px;}
.hx3 .wrap_al{max-width: 98%}
.slick-dots{bottom:10px;}
.hx3 .slick-dots{bottom:70px;}
.sec_cat{background: #f4f4f4;font-size: 12px}
.sec_cat a{line-height: 50px;font-size:12px;}
.about_num .item{width:100%;margin-bottom: 32px;border: none;}
.responsibility_item{width:49.4%;}
.about_environment .tit_info{margin-bottom: 30px;}
.contact .map_box .map{ width: 100%;float: none;height: 400px;overflow: hidden;}
.contact .map_box .r_box{position: static;width: 100%;}
.connet_wrap{width:90%;}
.lower_banner .img_box{display: none}
.lower_banner h1.cat_tit{position: static;margin-top: 20px;font-size: 28px;line-height: 1.8em;}
.lower_banner h1.new_tit{display:none;}
.pro_dels .right .r_top{padding:0;}
.pro_dels .right .r_top .tit{font-size: 22px}
.pro_dels .right .r_center p{font-size: 18px}
.pro_dels .right .r_center .center1:after{top:10px;}
.pro_dels .right .r_bottom h3{font-size: 16px;width:22%;}
.pro_dels .right .r_bottom{margin-top:25px;padding:0;}
.pro_dels .right .r_bottom p{margin-bottom:25px}
.pro_pt02 .target_wrap ul li{font-size: 15px}
.about_num .item{width:33.333%}
.news{margin-top: 5px;}
.news_detail ._head h1{font-size: 20px;}
.foot{display:none;}
.m-foot{display:block;}
.foot_nav li:last-child {border-right: none;}
.main-timeline .timeline{width:100%;}
.slick-slider .slick-active button{width:25px;}
.aboutnr_yscon .aboutnr_sologan ._wd{font-size: 18px}
.m-foot .foot1 .talk a{
font-size: 19px;
padding: 7px;
border-radius: 11px;
}
.pro-newslist li{width:100%;padding:10px 10px;}
.news_right_pro ul li{
width: 49%;
}
.pro_pt02 .content-box .col-l p video{width: 100%}
}
@media only screen and (max-width:689px){
.pro-newslist ul li .newslist_intro{width:100%;}
.about-tit-sy h1,.about-tit-sy p{display: none}
}
@media only screen and (max-width:480px){
.index_taget div{margin: 0px auto;width:40px;height:auto;}
.index_taget li h2{font-size: 14px;line-height: 32px}
.contact .map_box .r_box .lxwm p span{font-size: 22px}
.pro_pt03 .sections2 ul li{width:48%;}
.xg_new ul li{float:none;width:100%;}
.sec_cat a span{display: none;}
.sec_cat a.cur{font-size: 12px}
.service_support .maintain .ul-list li h3{font-size: 12px}
.service_support .maintain .ul-list{margin-bottom:0;}
.pro_dels .right .r_btn .r_btn1, .pro_dels .right .r_btn .r_btn2 {
height: 50px;
font-size: 18px;
line-height: 50px;}
#go_top img{display:block;width:30px;height:auto;}
.aboutnr_ys{height: 315px}
.pt2 .num_box li{width:100%;}
.m-foot .foot1 .dtel{font-size: 18px}
.contact .map_box .r_box .lxwm .name{font-size:18px}
.contact .map_box .r_box .lxwm p{
line-height: 30px;
margin: 0 0 10px 6px;
font-size: 14px;
}
.hx4 .sy_new_left dd p{display: none;}
.hx3 .wrap_al .info p{display: none}
.hx4 .info p{display: none}
.pro_dels .right .r_btn .r-btn-right .sol-tel{width: 100%;padding-left: 15%}
.pro_dels .right .r_btn .baojia{width: 100%}
.about_gjhz .about-box ul li{width:47%;}
.product ul li{width:49%;}
.product ul li .tit_box{padding:3px;font-size: 14px;}
.main_content{padding:20px 0;}
.product ul li .tit_box2{padding:5px;font-size:14px;line-height: 1.5;}
.foot_nav li,.foot_copy p, .foot_copy p a{font-size: 14px;}
.ser_con h3, .tab_con .hot_m p, .service_support .service_sections h3, .service_bottom .t{font-size: 24px}
.ser_con{margin-top: 0px;font-size: 12px;line-height: 24px;margin-bottom:0;}
.ser_con h3{margin-bottom: 10px}
.service_support .service_sections h3{margin-bottom: 0;line-height:1.5}
.service_support .section_con{font-size: 12px}
.service_support .con .maintain,.mao1,.mao2{display:none;}
.contact{padding:0;}
.main-timeline .year{display: none}
.main-timeline .description{text-align: center}
.imgbox1, .imgbox2, .imgbox3, .imgbox4, .imgbox5, .imgbox6{width:70px;height:70px;}
.news_list .new_dh ul{padding:20px 0;}
.news_list .new_dh ul li{font-size: 16px;padding:5px 15px;}
.pro-newslist{padding:0;}
.pro-newslist ._text{font-size: 12px;height:40px;}
.pro-newslist ._title{font-size: 17px}
.pro-newslist ._more{font-size: 14px;padding:0 10px;border-radius:15px}
.pro-newslist .date_time{font-size: 14px;}
.news_list .page{margin-top: 20px;margin-bottom:0;}
.news_detail ._head h1{font-size:17px;}
._time1{font-size: 12px}
.nd_menus span{display: block; width:32px;height: 32px;}
.jl5 {margin-top:0;}
.news{margin-top:15px;}
.daodu{background: none;background:#f4f4f4;padding:2%;}
.news_detail_con p{font-size: 14px;}
.daodu_lx .tel{margin:20px 0 0 5%;font-size: 14px}
.daodu_lx .tel strong{font-size: 24px;}
.daodu_lx .chat{display: block;width:75%;margin:0 auto;border-radius:30px;text-align: center;line-height:1;margin-top: 5px}
.news_page_info .b_text{width:15%;font-size: 14px;line-height: 40px}
.news_page_info .news_tit{width:60%;font-size: 16px;line-height: 40px}
.news_page_info .news_date{width:23%;font-size: 14px;line-height: 40px}
.news_page_info{margin-bottom:0;}
.tab_con .hot_m span{padding-top: 5px;}
.container{display: none;}
.hot_cat{margin-top: 15px;}
.hot_cat ul li a{padding:5px 10px;font-size: 12px;}
.hx4 .sy_new_right li h4{font-size: 14px}
.hx4 .sy_new_right .con{width: 100%;}
.hx4 .sy_new_right li .date p{display: none;}
}
@media only screen and (max-width:320px){
.responsibility_item{width:100%;}
.sec_cat a.cur{font-size: 12px}
.lower_banner h1.cat_tit{font-size: 22px;}
.pro_dels .right .r_bottom h3{width:30%;}
#sideMenuContainer > a{padding:10px 0;}
.aboutnr_yslinks ._link{font-size: 12px;min-width: 70px;}
.ser_con h3, .tab_con .hot_m p, .service_support .service_sections h3, .service_bottom .t{font-size: 18px;}
.daodu{display:none;}
.news_detail_con p{font-size: 12px}
.news_page_info .b_text{width:15%;font-size: 12px}
.news_page_info .news_tit{width:60%;font-size: 14px}
.news_page_info .news_date{width:20%;font-size: 12px}
.data2 li h3 a{font-size: 12px;}
.pro_dels .right .r_top .pro_tel{padding:1.6% 0 1.6% 25%;}
}
/*xin zeng lian xi wo men*/
.ban_lx{ width:100%; overflow:hidden; background:url(../images/ban_lx.jpg) no-repeat center top;}
.lx_con{ max-width:1200px; margin:0 auto; overflow:hidden;}
.lx_info{ float:right; width:55%; padding:20px 30px; background:url(../images/bg_lx.png) repeat; margin:150px auto;}
.lx_info h1{ color:#111; font-size:34px;}
.lx_info b{ width:50px; height:3px; margin:15px 0 10px; background-color:#F90016; display:block;}
.lx_info p{ color:#333; line-height:30px; font-size:16px; line-height:30px;}
.lx_info p img{ width:30px; height:30px; margin-right:5px;}
.lx_info ul{ clear:both; overflow:hidden; margin:15px 0 15px -1%;}
.lx_info ul li{ float:left; width:56%; margin-left:1%;}
.lx_info ul li.lx_zx{ width:42%;}
.lx_info ul li img{ float:left; width:64px; margin-right:10px;}
.lx_info ul li a{ float:left; color:#333; font-size:18px;}
.lx_info ul li a i{ display:block; color:#F90016; font-size:22px; font-weight:bold; margin-top:5px;}
.lx_info ul li a i font{ font-size:30px;}
.lx_info ul li.lx_zx a i{ text-decoration:underline; margin-top:8px;}
@media screen and (max-width:1100px){
.lx_info ul li a i font{ font-size:28px;}
}
@media screen and (max-width:910px){
.lx_info{ margin-top:36px; width:60%;}
.lx_info h1{ font-size:30px;}
.lx_info ul li img{ width:60px; margin-right:8px;}
.lx_info ul li a i{ font-size:20px;}
}
@media screen and (max-width:768px){
.lx_info{ width:96%; padding:2%; margin:20px auto;}
.lx_info h1{ font-size:26px;}
.lx_info ul li{ width:58%;}
.lx_info ul li.lx_zx{ width:40%;}
}
@media screen and (max-width:520px){
.lx_info ul li{ width:56%;}
.lx_info ul li.lx_zx{ width:42%;}
.lx_info ul li img{ width:56px;}
}
@media (max-width:480px){
.lx_info h1{ font-size:24px;}
.lx_info ul{ margin:12px 0 0 0;}
.lx_info ul li{ width:100%; margin-bottom:12px; margin-left:0;}
.lx_info ul li.lx_zx{ width:100%;}
.lx_info ul li a{ font-size:16px;}
.lx_info ul li a i{ font-size:18px; margin-top:8px;}
.lx_info ul li a i font{ font-size:22px;}
.lx_info p{ font-size:15px; line-height:24px;}
}
@media (max-width:375px){
.lx_info h1{ font-size:20px;}
.contacts h2{ font-size:18px;}
.lx_info b{ width:40px; margin:10px 0 5px;}
.lx_info p{ font-size:14px;}
.lx_info p img{ width:25px; height:25px;}
.lx_info p i{ display:none;}
.contacts p{ margin:6px auto; font-size:14px;}
.lx_info ul{ margin-top:8px;}
.lx_info ul li img{ width:52px;}
.lx_info ul li a i{ margin-top:5px;}
}
li.tab1 {
width: 20%;
float: left;
font-size: 18px;
padding: 10px;
text-align: center;
background: #3b6876;
}
li.tab1:hover {
background: #607D8B;
}
li.tab1 a {
color: white;
}
td {
text-align: center;
}
.col-l tr:hover {
background: #5d9fb3;
color: #fff;
}
img.imgone {
max-width: 45%;
float: left;
margin-right: 2%;
margin-left: 2%;
border: 1px solid #3b6876;
}
.pro-newslist li {
width: 50%;
height: 155px;
float: left;
overflow: hidden;
border-bottom: #eee 1px dotted;
padding: 15px 28px;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.pro-newslist .media-left img {
float: left;
width: 160px;
}
.pro-newslist .media-body {
float: left;
margin-left: 10px;
width: 370px;
}
.pro-newslist .media-body h4 {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.pro-newslist .media-description {
font-size: 14px;
margin: 5px 0;
color: #9e9e9e;
line-height: 20px;
}
.pro-newslist .date_time {
float: left;
line-height: 32px;
font-size: 14px;
color: #676767;
}
.pro-newslist .view img {
width: 20px;
margin-top: 5px;
margin-left: 10px;
}
.news_page_info.clearfix.wrap a {
margin-right: 10%;
color: #3b6876;
font-size: 18px;
}
.form-container{padding-top:20px; padding-bottom:5px;padding-left:10px;padding-right:10px;}
.form-horizontal .control-label{ text-align:right}
.col-sm-2{ float:left; padding-top:2px;margin-left:10px;}
.col-sm-4{ width:45%; float:left;}
.col-sm-6{ width:45%; float:left}
.help-block{
color: #737373;
display: block;
margin-bottom: 10px;
text-indent:3%;
}
.form-group {
clear: both;
display: table;
margin-bottom: 1%;
width: 100%;
}
.form-group .sub{ margin-left:17%}
.col-sm-offset-2{ margin-left:10%;}
.info-area-failure{ margin:0 3% 10px}
/**/
.element-error{color:red;border:1px dotted red}.info-area-init{color:#999;font-weight:normal;padding-left:4px}.info-area-success{color:#11b422}.info-area-failure{color:#ff9800}.info-area-unique-validating{color:#fff}.toast{position:fixed; color:#fff;bottom:50%;background:black;padding:10px 20px;line-height:18px;border-radius:5px;-webkit-box-shadow:0 0 6px rgba(0,0,0,1);-moz-box-shadow:0 0 6px rgba(0,0,0,1);-o-box-shadow:0 0 6px rgba(0,0,0,1);box-shadow:0 0 6px rgba(0,0,0,1); color:#fff}
.form-control{clear: both;display: table;margin-bottom: 1%;width: 100%;display:block;width:100%;height:31px;padding:6px 12px;font-size:12px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s}
.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6)}
.news{ max-width:1160px; margin:0 auto}
.news img{ max-width:100%}
.news p{ margin:0.75em 0}
.message-sub {
background: #3b6876 !important;
text-align: center;
color: #fff;
font-size: 18px;
font-weight: bold;
padding: 1% 3%;
text-indent: 0 !important;
cursor: pointer;
}
a.pro_tel span {
color: #3b6876;
font-size: 32px;
font-weight: 600;
}
.cndns-right{position:fixed;right:1px;bottom:200px;margin-top:-100px;z-index:100;width:50px; /*box-shadow: 1px 1px 4px #e7e7e7;*/}
.cndns-right-meau{float:left;background: #22a8d2e6;}
.cndns-right-btn{width:50px;height:50px;text-align:center;display:block;margin-bottom: -1px; position:relative;}
.cndns-right-btn i{color:#0a7ed7;font-size:22px;line-height:30px;margin-top: 0px;}
.cndns-right-box{position:absolute;top:-15px;right:40px;padding-right:25px;display:none;}
.cndns-right-box .box-border{border:1px solid #ccc;padding:20px;background-color:#fff;-webkit-box-shadow: 0 3px 8px rgba(0,0,0,.15);-moz-box-shadow: 0 3px 8px rgba(0,0,0,.15);box-shadow: 0 3px 8px rgba(0,0,0,.15);position:relative}
.cndns-right-box .box-border .arrow-right{display:block;width:13px;height:16px;background:url(./arrow.png) no-repeat;position:absolute;right:-13px;top:26px;}
.cndns-right-meau:hover .cndns-right-box{display:block}
.cndns-right-btn i{width:50px; height: 50px;float: left; background: url(./icon.png) no-repeat;}
.cndns-right-btn:hover{ background: #666;}
.cndns-right-btn i.icon-rkefu{background-position: -399px -55px;}
.cndns-right-btn:hover i.icon-rkefu{background-position: -399px -55px; transition: all 0.2s;}
.cndns-right-btn i.icon-rdingdan{background-position: -399px -171px;}
.cndns-right-btn:hover i.icon-rdingdan{background-position: -399px -171px;transition: all 0.2s;}
.cndns-right-btn i.icon-rqq{background-position: -399px -310px;}
.cndns-right-btn:hover i.icon-rqq{background-position: -399px -310px;transition: all 0.2s;}
.cndns-right-btn i.icon-rweixin{background-position: -475px -56px;}
.cndns-right-btn:hover i.icon-rweixin{background-position: -475px -56px;transition: all 0.2s;}
.cndns-right-btn i.icon-rtel{background-position: -475px -170px;}
.cndns-right-btn:hover i.icon-rtel{background-position: -475px -170px;transition: all 0.2s;}
.cndns-right-btn i.icon-rtop{background-position: -475px -310px; height:30px;}
.cndns-right-btn:hover i.icon-rtop{background-position: -475px -310px; height:30px;}
.meau-top{margin-top:5px;}
.meau-top .cndns-right-btn{width:50px; height: 60px;text-align: center;}
.meau-top .cndns-right-btn:hover{color:#fff;}
.demo-top{float: left;width: 50px;text-align: center;color: #fff;}
.qq-right-box{top: 106px}
.qq-right-box .box-border{ background: #666;color: #fff;border-radius: 4px;border:none;padding:10px 0px;width: 150px;text-align: center;}
.qq-right-box .box-border .arrow-right{background:url(./arrow_gray.png) no-repeat;top:10px;}
.weixin-right-box{top:145px}
.weixin-right-box .box-border{background: #fff;border:none;padding:10px;width: 150px;}
.tel-right-box{top:197px}
.tel-right-box .box-border{background: #666;color: #fff;border-radius: 4px;border:none;padding:10px 0px;width: 150px;text-align: center;}
.tel-right-box .box-border .arrow-right{background:url(./arrow_gray.png) no-repeat;top:20px;}
.cndns-right-meau:hover{ background: #666;}
/*隐藏商务通*/
#LRdiv0{display:none !important}
.tags{overflow:hidden;}
.tags p{text-indent:0;font-size:17px;color:#000;}
.tags a{display:block;padding:0 0.5em;border:1px solid #f7ac1b;float:left;line-height:1.75em;border-radius:3px;margin-right:0.5em;margin-bottom:0.5em;}